<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>myFishMoney</title>
		<link rel="stylesheet" href="css/mui.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="iconfont/iconfont.css" />
	   	<link rel="stylesheet" href="css/myFishMoney.css" />
	</head>
	<body id="myFishMoney">
		<header class='headerBox'>
			<div class='goBack mui-action-back'>
				<i class='inline_logo  icon iconfont icon-fanhui gobackIcon'></i>
			</div>
			<p class='title'>我的鱼币</p>
		</header>
		<div id="fixed2">
				<ul class='fishMoneyBox'>
					<li class='fishMoney_List'>
						<i class='inline_logo fishMoney_logo'></i>
						<p class='fishMoney_text'>鱼币: <span>265</span></p>
					</li>
					<li class='fishMoney_List'>
						<i class='inline_logo fishFood_logo'></i>
						<p class='fishMoney_text'>鱼粮: <span>265</span></p>
					</li>
				</ul>
				
				<ul class='fishMoneyBox' style="padding-top:0">
					<li class='fishMoney_List fishMoneyRecharge_list'>
						<i class='inline_logo fishMoneyRecharge_logo'></i>
						<p class='fishMoneyRecharge_text'>充值</p>
					</li>
					<li class='fishMoney_List fishMoneyRecharge_list'>
						<i class='inline_logo fishMoneyWithdrawals_logo'></i>
						<p class='fishMoneyRecharge_text'>提现</p>
					</li>
				</ul>
		</div>
		<div  class="mui-content">
	    	<!--返回键定位结束-->
			<div  class="mui-slider" id="slider" >
				<div  id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted fishMoneyRecord_box'">
			           <a href="#item1myfish" class="mui-control-item fishMoneyRecord_list mui-active">充值记录</a>
			           <a href="#item2myfish" class="mui-control-item fishMoneyRecord_list">提现记录</a>
			           <a href="#item3myfish" class="mui-control-item fishMoneyRecord_list">我打赏的</a>
			           <a href="#item4myfish" class="mui-control-item fishMoneyRecord_list">打赏我的</a>
				</div>
				<div class="mui-slider-group">
					<!--充值记录-->
					<div id="item1myfish" class="mui-slider-item mui-control-content">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
                                           <!--充值记录开始-->
                                           	<section>
												<ul>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_basicText'>鱼币充值</span></p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_basicText'>鱼粮提现</span></p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏了仓央先的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
												</ul>
											</section>
                                           <!--充值记录结束-->
							</div>
						</div>
					</div>
				     <!--提现记录-->
					<div id="item2myfish" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
                                           <!--充值记录开始-->
                                           	<section>
												<ul>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_basicText'>提现记录</span></p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_basicText'>鱼粮提现</span></p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏了仓央先的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
												</ul>
											</section>
                                           <!--充值记录结束-->
							</div>
						</div>
					</div>
					 <!--我打赏的-->
					<div id="item3myfish" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
                                           <!--我打赏的开始-->
                                           	<section>
												<ul>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏了仓央先的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏了仓央先的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
												</ul>
											</section>
                                           <!--我打赏的结束-->
							</div>
						</div>
					</div>
				     <!--打赏我的-->
					<div id="item4myfish" class="mui-slider-item mui-control-content">
						<div id="scroll4" class="mui-scroll-wrapper">
							<div class="mui-scroll">
                                           <!--打赏我的开始-->
                                           	<section>
												<ul>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏我的 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏了仓央先的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏我的 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>我 </span><span class='Record_basicText'>打赏了仓央先的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>-100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
													<li class='RecordList'>
														<div class='Record_main'>
															<p class='Record_basicText'><span class='Record_userText'>你你你 </span><span class='Record_basicText'>打赏了我的作品 </span><span class='Record_productText'>《一个人吃饭》</span> </p>
															<span class='Record_moneyText'>+100</span>
														</div>
														<p class='Record_timeText'>2016-06-25 11:04</p>
													</li>
												</ul>
											</section>
                                           <!--打赏我的结束-->
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</body>
	  <script src="js/mui.js"></script>
	  <script type="text/javascript" src="js/pxtorem.js"></script>
	  <script src="js/apptool.js"></script>
	  <script>
			mui.init();
		    mui.plusReady(function(){
		    	//充值
			    var fishMoneyRecharge=mui('.fishMoneyRecharge_list')[0];
				fishMoneyRecharge.addEventListener('tap',function(){
					webtool.openPreView('recharge',function(wb){
						wb.show('slide-in-right',300)
					})
				})
				//提现
				 var fishMoneyRechargeT=mui('.fishMoneyRecharge_list')[1];
				fishMoneyRechargeT.addEventListener('tap',function(){
					webtool.openPreView('bindAliPay',function(wb){
						wb.show('slide-in-right',300)
					})
				})
		    })

	  </script>
</html>